<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
  String path = request.getContextPath();
  String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE html>
<html lang="en" class="app">
<head>  
  <meta charset="utf-8" />
  <title>找回密码</title>
  <meta name="description" content="app, web app, responsive, admin dashboard, admin, flat, flat ui, ui kit, off screen nav" />
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
  <link rel="stylesheet" href="${pageContext.request.contextPath}/js/jPlayer/jplayer.flat.css" type="text/css" />
  <link rel="stylesheet" href="${pageContext.request.contextPath}/css/bootstrap.css" type="text/css" />
  <link rel="stylesheet" href="${pageContext.request.contextPath}/css/animate.css" type="text/css" />
  <link rel="stylesheet" href="${pageContext.request.contextPath}/css/font-awesome.min.css" type="text/css" />
  <link rel="stylesheet" href="${pageContext.request.contextPath}/css/simple-line-icons.css" type="text/css" />
  <link rel="stylesheet" href="${pageContext.request.contextPath}/css/font.css" type="text/css" />
  <link rel="stylesheet" href="${pageContext.request.contextPath}/css/app.css" type="text/css" />
    <!--[if lt IE 9]>
    <script src="${pageContext.request.contextPath}/js/ie/html5shiv.js"></script>
    <script src="${pageContext.request.contextPath}/js/ie/respond.min.js"></script>
    <script src="${pageContext.request.contextPath}/js/ie/excanvas.js"></script>
  <![endif]-->
  <style>
    .layui-layer-content{
      color:black
    }
  </style>
</head>
<body class="bg-info dker">
  <section id="content" class="m-t-lg wrapper-md animated fadeInUp">    
    <div class="container aside-xl">
      <a class="navbar-brand block" href="index.html"><span class="h1 font-bold">账号</span></a>
      <section class="m-b-lg">
        <header class="wrapper text-center">
          <strong>找回密码</strong>
        </header>

          <div class="form-group">
            <input type="name" id="name" placeholder="Name" class="form-control rounded input-lg text-center no-border">
          </div>
          <div class="form-group">
             <input type="email" id="email" placeholder="Email" class="form-control rounded input-lg text-center no-border">
          </div>
          <button type="submit" id="second" class="btn btn-lg btn-warning lt b-white b-2x btn-block btn-rounded"><i class="icon-arrow-right pull-right"></i><span class="m-r-n-lg">发送到邮箱</span></button>
          <div class="line line-dashed"></div>
          <p class="text-muted text-center" ><small>获得密码？</small></p>
         <%-- <a href="signin.html" class="btn btn-lg btn-info btn-block btn-rounded">登录</a>--%>

      </section>
    </div>
  </section>
  <!-- footer -->
  <footer id="footer">
    <div class="text-center padder">
      <p>
        <small>浙江工业大学 | 教育科学与技术学院<br>ZJUT-2017</small>
      </p>
    </div>
  </footer>
  <!-- / footer -->
  <script src="${pageContext.request.contextPath}/js/jquery.min.js"></script>
  <!-- Bootstrap -->
  <script src="${pageContext.request.contextPath}/js/bootstrap.js"></script>
  <!-- App -->
  <script src="${pageContext.request.contextPath}/js/app.js"></script>
  <script src="${pageContext.request.contextPath}/js/slimscroll/jquery.slimscroll.min.js"></script>
    <script src="${pageContext.request.contextPath}/js/app.plugin.js"></script>
  <script type="text/javascript" src="${pageContext.request.contextPath}/js/jPlayer/jquery.jplayer.min.js"></script>
  <script type="text/javascript" src="${pageContext.request.contextPath}/js/jPlayer/add-on/jplayer.playlist.min.js"></script>
  <script type="text/javascript" src="${pageContext.request.contextPath}/js/jPlayer/demo.js"></script>
  <script src="${pageContext.request.contextPath}/layer/layer.js"></script>

  <script>
    $("#second").click(function () {
      var name=$("#name").val();
      var email=$("#email").val();
      if (name=="" || email==""){
        layer.msg('请填写用户名或者email！', {time: 3000, icon:5});
        return false;
      }
      /*layer.alert('请登录邮箱修改密码', {
        skin: 'layui-layer-molv' //样式类名
        ,closeBtn: 0
        ,anim: 4
      });*/
      layer.msg('请登录邮箱修改密码！', {time: 3000, icon:6});
    });

  </script>
</body>
</html>